草庐IT

HTML5 Canvas 矢量图形?

全部标签

javascript - 如何使用 Javascript 禁用和启用 HTML 表格?

我想知道如何通过单击html按钮使用Javascript禁用和启用HTML表格上的突出显示。这是我的代码:tabletest.htmlfunctiondisableTable(){document.getElementbyId('tblTest').disabled=true;}functionenableTable(){document.getElementbyId('tblTest').disabled=false;}table#tblTest{width:100%;margin-top:10px;font-family:verdana,arial,sans-serif;font-

javascript - jQuery 在克隆时更改 html

单击时我正在复制一个div。我想更改一些html,然后附加。我尝试了以下方法,它会克隆和追加,但我似乎无法更改html。不确定处理它的最佳方法是什么,我确定我做错了。谢谢varhtmlStr=$(this).parents(".listingContainer").first();$htmlStr.find(".saveCompareShow").remove()$(htmlStr).clone().appendTo('.compareWrapper'); 最佳答案 一旦您克隆了一个DOM元素,您就应该像对待要更改未被克隆的DOM元

javascript - 使用 WebGL 将两个 Canvas 混合到一个 Canvas 上

我想要做的是将两个Canvas混合到一个Canvas上,用于我正在创建的绘图应用程序。我非常了解Javascript,但我真的不知道从哪里开始使用WebGL,因为这不是一项非常艰巨的任务,我假设如果我不使用它会产生更快的处理速度另一个库,如Three.js或其他类似的库。我已经拥有用户将在其上绘制的Canvas(我们称它们为CanvasA和B),它们都是隐藏的,CanvasC正在显示。我已经完成了主要的绘图应用程序,供用户选择要绘制的图层并在其上绘制,但是我如何才能使用WebGL使用某种混合模式(即:乘法)将两个图层混合在一起)随着用户继续使用WebGL编辑Canvas?起初我尝试关注

javascript - 将 '#ff00fffirstword#445533secondword#008877thirdword' 转换为 html 标签格式

我可以将字符串#ff00fffirstword#445533secondword#008877thirdword转换为firstwordsecondwordthirdword在javascript或actionscript3程序中使用正则表达式?我尝试了下面的代码,但它并不完美(actionscript3代码):varpat:RegExp=/(#\w{6})([^#]+)/g;varhtml:String=t.replace(pat,"$2");trace(html);//output:firstwordsecondwordthirdword如果该字符串中还有一个#,输出将不会像我想要

javascript - 如何通过程序(例如 HTML、JS、PHP)更改浏览器的 pdf 查看器?

目标:一个基于浏览器的pdf查看器,具有缩放和拖动/平移功能(如果允许隐藏保存功能则更好)以取代浏览器默认的问题:所有浏览器(不包括旧的IE)都有自己内置的pdf查看器,没有拖动/平移功能目前此代码使用默认的pdf查看器:ThePDFcannotdisplay是否可以强制所有使用adobereader的浏览器(Chrome、FireFox、IE8+)使用javascript/jquery/html/php打开pdf文件?或者有没有任何基于网络的pdf查看器具有上述功能?注意:对于第一种方法:我找到了方法,例如内容处置:附件但它只会改变从查看到下载pdf的行为,不会改变打开pdf文件的偏

javascript - 从本地路径加载图像并将其绘制在 Canvas 上

我想在Canvas上绘制图像,其中图像的源将由用户动态设置。我在尝试为图像设置src时遇到以下错误:Notallowedtoloadlocalresource:file:///D:/My%20Picsb.jpg'有没有办法从本地驱动器加载文件以在Canvas上绘制它们?varimg=newImage();img.onload=function(){context.drawImage(img,20,20,50,50);};img.src="D:\MyPics\tb.jpg"; 最佳答案 出于安全原因,您想要的不会起作用。但是,您可以做

javascript - 将图形置于 Phaser 中动态添加的 Sprite 之上

我正在使用定时事件动态添加Sprites。我找不到在生成的sprite上方添加新图形(填充矩形)的方法。Sprite总是在最上面create(){vargraphics=game.add.graphics(0,0);graphics.beginFill(0xFFFF0B);graphics.drawRect(0,0,windowWidth,70);graphics.endFill();timer=game.time.events.loop(1500,addSprite,this);}addSprite(){sprite=game.add.sprite(20,30,'sprite');}

javascript - 构建 html 时在 javascript 中支持撇号的正确方法是什么?

我有以下代码:varname="JoeO'Neal";varrow=[];row.push(""+name+"")但问题是我有这样一种情况,名称变量中有一个撇号,所以它会导致问题:value='"+name+"'避免与撇号冲突的正确写法是什么?在C#中,我会做类似的事情value=\""+name+"\"但这在javascript中似乎不起作用 最佳答案 您要做的是清理您的输入。为此,您可以定义一个辅助方法,用等效的Unicode或HTML实体替换任何不安全的字符。这种事情不仅用于转义引号,而且还可以帮助防止类似XSSAttacks

javascript - 试图删除 Canvas 上的弧形边框

我使用HTMLcanvasarc方法画了一个圆,但我想去掉圆的边框。我尝试设置lineWidth=0但它似乎不起作用。有没有办法去除Canvas中圆圈的边框?$(document).ready(function(){pie_chart=$('#pie_chart');varp=pie_chart[0].getContext('2d');varcanvas_width=pie_chart.width();varcanvas_height=pie_chart.height();p.beginPath();p.arc(canvas_width/2,canvas_height/2,150,0,

javascript - 如何从组件 html 加载脚本文件?

基本上我想加载组件html特定的脚本文件,所以script我将把script文件引用放在组件html本身中,我看到了在页面上呈现组件html时,内部script文件已被忽略。组件import{Component}from'@angular/core';@Component({selector:'my-app',templateUrl:'test.html'})exportclassAppComponent{}test.htmlMyFirstAngular2App以上是我尝试过的代码,并且我已经有了test.js。PlunkrHere有什么方法可以使用组件或其html加载特定于组件的ja